<!DOCTYPE html>
<html>
<head>
	<link rel="shortcut icon" href="assets/img/favicon.ico">
	<title>InDev</title>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
	<link rel="stylesheet" href="assets/css/font-awesome.min.css">
	<link rel="stylesheet" href="assets/css/maximage.css">
	<link rel="stylesheet" href="assets/css/spirito.css" />

	<script src="assets/js/modernizr.custom.min.js"></script>
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-41325401-1', 'indev.com.ar');
	  ga('send', 'pageview');

	</script>
</head>
<body data-color="turquoise">
	<div id="loader">
	<div class="windows8">
<div class="wBall" id="wBall_1">
<div class="wInnerBall">
</div>
</div>
<div class="wBall" id="wBall_2">
<div class="wInnerBall">
</div>
</div>
<div class="wBall" id="wBall_3">
<div class="wInnerBall">
</div>
</div>
<div class="wBall" id="wBall_4">
<div class="wInnerBall">
</div>
</div>
<div class="wBall" id="wBall_5">
<div class="wInnerBall">
</div>
</div>
</div>
</div>
	<div id="wrapper">
		<header id="home">
			<div id="maximage" class="maximage-slider">
				<img src="assets/img/demo/1.png" alt=""/>
				<img src="assets/img/demo/2.png" alt="" />
				<img src="assets/img/demo/3.png" alt="" />
				<!--<img src="assets/img/demo/4.png" alt="" />-->
				<img src="assets/img/demo/5.png" alt="" />
			</div>
			<div class="pattern"></div>
			<div class="home-wrapper">
				<div class="logo">
					<h1><img src="./assets/img/company/indev-white.png" width="200px"></h1>
				</div>
				<div id="home-slider">
					<div class="star-line">
						<span class="line-pre"></span>
						<span class="icons">
							<i class="glyphicon glyphicon-star"></i>
							<i class="glyphicon glyphicon-star"></i>
							<i class="glyphicon glyphicon-star"></i>
						</span>
						<span class="line-after"></span>
					</div>
					<ul class="bxslider">
					  <li><h1 class="tr" key="title1">Personalized & Secure Systems</h1></li>
					  <li><h1 class="tr" key="title2">Innovation & Trend</h1></li>
					  <li><h1 class="tr" key="title3">Impressive & Thoughtful Ideas</h1></li>
					  <li><h1 class="tr" key="title4">Amazing & Clean Results</h1></li>
					</ul>
				</div>
				<div class="buttons">
					<a class="btn tr" href="#about" data-scroll="#about" key="learnMore">Learn More</a><br><br>
					<h4 style="color: white" id="engVersion">English version <img src="./assets/img/flags/GB16.png"> </h4>
					<h4 style="color: white" id="espVersion">Versión en español <img src="./assets/img/flags/ES16.png"> </h4>
				</div>
			</div>
		</header>
		<nav>
			<div class="logo">
				<br>
				<img src="./assets/img/company/indev_min_black.png" width="123-456-7890px" style="margin-left: 15px;">
			</div>
			<div class="menu-trigger">
				<a href="#"><i class="fa fa-bars"></i></a>
			</div>
			<ul>
				<li>
					<img src="./assets/img/flags/GB16.png" id="engFlag">
					<img src="./assets/img/flags/ES16.png" id="espFlag">
				</li>
				<li class="active"><a href="#home" class="tr" key="home">Home</a></li>
				<li><a href="#about" class="tr" key="about">About</a></li>
				<li><a href="#team" class="tr" key="team">Team</a></li>
				<!--<li><a href="#portfolio">Portfolio</a></li>-->
				<li><a href="#clients" class="tr" key="clients">Clients</a></li>
				<!--<li><a href="#blog">Blog</a></li>-->
				<li><a href="#contact" class="tr" key="contact">Contact</a></li>
			</ul>		
		</nav>
		<section id="about">
			<div class="container page">
				<div class="section-title">
					<h1 class="super-title tr" key="aboutTitle" data-animate="fade-in-top">We are InDev.<br />It's nice to meet you.</h1>
					<p class="subheading tr" key="aboutSecondTitle" data-animate="fade-in-top">We are a development software company located in San Juan, Argentina.<br />We're listening and we give a solution designed to address your concerns.</p>
				</div>
			</div>
		</section>
		<section class="grey">
			<div class="container page">
				<div class="section-title">
					<h4 data-animate="fade-in" class="tr" key="wwd">What we do?</h4>
					<h2 data-animate="fade-in" class="tr" key="wwda">We creating sites and systems web for all areas of business.</h2>
				</div>
				<div class="row">
					<div data-animate="fade-in-top" class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<div class="feature-box">
							<i class="fa"><span class="glyphicon glyphicon-tower" style="margin-top: 18px; margin-left: -3px;"></span></i>
							<h4 class="tr" key="build">BUILD</h4>
							<p class="tr" key="buildDesc"> Developing web systems of all types and for any area, using the latest development technologies.</p>
						</div>
					</div>
					<div data-animate="fade-in-top" class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<div class="feature-box">
							<i class="fa"><span class="glyphicon glyphicon-fullscreen" style="margin-top: 18px;"></span></i>
							<h4 class="tr" key="analysis">ANALYSIS</h4>
							<p class="tr" key="analysisDesc"> Problem identification and support in making decisions to solve their need for the most economical and efficient way possible.</p>
						</div>
					</div>
					<div data-animate="fade-in-top" class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<div class="feature-box">
							<i class="fa"><span class="glyphicon glyphicon-eye-open" style="margin-top: 18px;"></span></i>
							<h4 class="tr" key="design">DESIGN</h4>
							<p class="tr" key="designDesc"> We can design a site or system, as well as redesign your web application.</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="team">
			<div class="container page">
				<div class="section-title">
					<h1 data-animate="fade-in-top" class="tr" key="teamRegion"><span class="text-primary" >Our</span> Team</h1>
					<hr data-animate="fade-in" />
					<p data-animate="fade-in-top" class="subheading tr" key="teamRegionDesc">
						Best projects is built by people with passion and love for what they do<br />
						Our goal is to build simple, secure, unique and user-friendly system.
					</p>
				</div>
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
						<!--<div class="team" data-animate="fade-in-top" data-delay="100">-->
						<!--	<div class="team-photo">-->
						<!--		<div class="team-mask"></div>-->
						<!--		<img src="assets/img/demo/team_1.jpg" alt="Jennifer Goldberg" />-->
						<!--		<div class="team-overlay"></div>-->
						<!--		<ul class="team-social">-->
						<!--			<li>-->
						<!--				<a href="#">-->
						<!--					<i class="fa fa-twitter"></i>-->
						<!--				</a>-->
						<!--			</li>-->
						<!--			<li><a href="#">-->
						<!--					<i class="fa fa-facebook"></i>-->
						<!--				</a>-->
						<!--			</li>-->
						<!--			<li>-->
						<!--				<a href="#">-->
						<!--					<i class="fa fa-dribbble"></i>-->
						<!--				</a>-->
						<!--			</li>-->
						<!--		</ul>-->
						<!--	</div>-->
						<!--	<p class="team-name">Jennifer Goldberg</p>-->
						<!--	<p class="team-type">CEO Founder</p>-->
						<!--	<p>Lorem ipsum Ut est anim et adipisicing Excepteur Duis culpa quis proident esse sunt est nisi.</p>-->
						<!--</div>-->
					</div>
					<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
						<div class="team" data-animate="fade-in-top" data-delay="200">
							<div class="team-photo">
								<div class="team-mask"></div>
								<img src="assets/img/demo/team1.jpg" alt="Mauricio" style="height: 320px; width: 200px;" />
								<div class="team-overlay"></div>
								<ul class="team-social">
									<li>
										<a href="https://www.facebook.com/mauricio.olivera" target="_blank">
											<img src="assets/img/SocialMedia/facebook.png" style="height:20px; width:20px;">
										</a>
									</li>
									<li>
										<a href="https://twitter.com/olivera_84" target="_blank">
											<img src="assets/img/SocialMedia/twitter.png" style="height:20px; width:20px;">
										</a>
									</li>
									<!--<li>-->
									<!--	<a href="#">-->
									<!--		<i class="fa fa-dribbble"></i>-->
									<!--	</a>-->
									<!--</li>-->
								</ul>
							</div>
							<p class="team-name">Mauricio</p>
							<p class="team-type tr" key="profetion">Web Developer</p>
							<p class="tr" key="Mauricio">Web developer, computer enthusiast and workaholic. German shepherds breeder and I play guitar.</p>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
						<div class="team" data-animate="fade-in-top" data-delay="300">
							<div class="team-photo">
								<div class="team-mask"></div>
								<img src="assets/img/demo/team2.png" alt="Sergio" style="height: 204px; width: 240px; margin-left: -25px;" />
								<div class="team-overlay"></div>
								<ul class="team-social">
									<li>
										<a href="https://www.facebook.com/sergio.j.moyano" target="_blank">
											<img src="assets/img/SocialMedia/facebook.png" style="height:20px; width:20px;">
										</a>
									</li>
									<li>
										<a href="https://twitter.com/sergiojaviermo" target="_blank">
											<img src="assets/img/SocialMedia/twitter.png" style="height:20px; width:20px;">
										</a>
									</li>
									<!--<li>-->
									<!--	<a href="#">-->
									<!--		<i class="fa fa-dribbble"></i>-->
									<!--	</a>-->
									<!--</li>-->
								</ul>
							</div>
							<p class="team-name">Sergio</p>
							<p class="team-type tr" key="profetion">Web Developer</p>
							<p class="tr" key="Sergio">Developer Web, I like work with new technologies and tendencies also I like football.</p>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
						<!--<div class="team" data-animate="fade-in-top" data-delay="400">-->
						<!--	<div class="team-photo">-->
						<!--		<div class="team-mask"></div>-->
						<!--		<img src="assets/img/demo/team_4.jpg" alt="Alice Brink" />-->
						<!--		<div class="team-overlay"></div>-->
						<!--		<ul class="team-social">-->
						<!--			<li>-->
						<!--				<a href="#">-->
						<!--					<i class="fa fa-twitter"></i>-->
						<!--				</a>-->
						<!--			</li>-->
						<!--			<li><a href="#">-->
						<!--					<i class="fa fa-facebook"></i>-->
						<!--				</a>-->
						<!--			</li>-->
						<!--			<li>-->
						<!--				<a href="#">-->
						<!--					<i class="fa fa-dribbble"></i>-->
						<!--				</a>-->
						<!--			</li>-->
						<!--		</ul>-->
						<!--	</div>-->
						<!--	<p class="team-name">Alice Brink</p>-->
						<!--	<p class="team-type">Graphic Designer</p>-->
						<!--	<p>Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella.</p>-->
						<!--</div>-->
					</div>
				</div>
			</div>
		</section>
		<section id="quote" class="parallax">
			<div class="pattern"></div>
			<div class="container">
				<div class="quote white" data-animate="fade-in">            
                	<h2 class="tr" key="steve">You can't connect the dots looking forward. You can only connect them looking backwards. So you have to trust that the dots will somehow connect in&nbsp;your&nbsp;future.</h2>
                	<p>- Steve Jobs -</p>            
            	</div>
			</div>
		</section>
		
		<section id="portfolio">
			<div class="page">
		<!--		<div class="container">-->
		<!--			<div class="section-title">-->
		<!--				<h1 data-animate="fade-in-top"><span class="text-primary">Our</span> Work</h1>-->
		<!--				<hr data-animate="fade-in" />-->
		<!--				<p class="subheading" data-animate="fade-in-top">We creating best-looking web design and logotypes. We also offer rebrand your company in&nbsp;way that you never seen before.</p>-->
		<!--			</div>-->
		<!--		</div>-->
		<!--		<ul id="portfolio-filters" class="portfolio-grid-controls" data-animate="fade-in">-->
		<!--			<li class="filter" data-filter="all">-->
		<!--				All-->
		<!--			</li>-->
		<!--			<li class="filter" data-filter="webdesign">-->
		<!--				Web design-->
		<!--			</li>-->
		<!--			<li class="filter" data-filter="logo">-->
		<!--				Logo-->
		<!--			</li>-->
		<!--			<li class="filter" data-filter="video">-->
		<!--				Video-->
		<!--			</li>-->
		<!--			<li class="filter" data-filter="printdesign">-->
		<!--				Print Design-->
		<!--			</li>-->
		<!--		</ul>-->
		<!--		<div id="portfolio-items" class="portfolio-grid" data-animate="fade-in">-->
		<!--			<div class="portfolio-item webdesign video" data-title="Natural Food" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/1_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Natural Food</h3>-->
		<!--								<h6>Webdesign, Video</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/1.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item video all" data-title="Boba Fett" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/13_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Boba Fett</h3>-->
		<!--								<h6>Video</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/13.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item video all" data-title="The Avengers" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/14_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>The Avengers</h3>-->
		<!--								<h6>Video</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/14.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item logo all" data-title="Hudddle" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/7_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Hudddle</h3>-->
		<!--								<h6>Logo</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/7.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item webdesign all" data-title="Coffee UI Kit" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/2_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Coffee UI Kit</h3>-->
		<!--								<h6>Web Design</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/2.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item video all" data-title="The Walking Dead" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/15_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>The Walking Dead</h3>-->
		<!--								<h6>Video</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/15.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item logo all" data-title="Apple" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/8_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Apple</h3>-->
		<!--								<h6>Logo</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/8.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item webdesign all" data-title="Hotel Site" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/3_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Hotel Site</h3>-->
		<!--								<h6>Web Design</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/3.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item webdesign all" data-title="Colors UI" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/4_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Colors UI</h3>-->
		<!--								<h6>Web Design</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/4.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item webdesign all" data-title="Open Cinema" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/5_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Open Cinema</h3>-->
		<!--								<h6>Web Design</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/5.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item printdesign video all" data-title="Pictos" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/11_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Pictos</h3>-->
		<!--								<h6>Print Design, Video</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/11.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item printdesign all" data-title="Standard Issue" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/12_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Standard Issue</h3>-->
		<!--								<h6>Print Design</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/12.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item webdesign all" data-title="Dark UI Kit" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/6_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Dark UI Kit</h3>-->
		<!--								<h6>Web Design</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/6.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item logo all" data-title="Ark Designs" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/9_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Ark Designs</h3>-->
		<!--								<h6>Logo</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/9.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="portfolio-item video logo all" data-title="Reflect Architecture" data-description="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." data-largesrc="assets/img/demo/portfolio/10_big.jpg">-->
		<!--				<div class="portfolio-item-inner">-->
		<!--					<div class="portfolio-image">-->
		<!--						<div class="portfolio-overlay">-->
		<!--							<div class="portfolio-details">-->
		<!--								<h3>Reflect Architecture</h3>-->
		<!--								<h6>Video, Logo</h6>-->
		<!--							</div>-->
		<!--						</div>-->
		<!--						<img src="assets/img/demo/portfolio/10.jpg" alt="" />-->
		<!--					</div>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--		</div>-->
			</div>
		</section>
		<!---->
		<!---->
		<section id="clients" class="parallax" style="background-image: url(assets/img/demo/4.png);">
			<div class="pattern"></div>
			<div class="container page">
				<div class="section-title">
					<h1 data-animate="fade-in-top" class="white tr" key="client"><span class="text-primary">Our</span> best clients</h1>
					<hr data-animate="fade-in" />
					<p data-animate="fade-in-top" class="subheading white tr" key="customers">
						All our customer are the best, this are some. 
					</p>
				</div>
				<div class="clients">
					<div class="row">
						<div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/moneyhunch.png" alt="" />
								</a>
							</div>
						</div>
						<div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/tratsup.png" alt="" />
								</a>
							</div>
						</div>
						 <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/empaque.png" alt="" />
								</a>
							</div>
						</div>
						<!--
						<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/ubuntu.png" alt="" />
								</a>
							</div>
						</div> -->
					</div>
					<!-- <div class="row">
						<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/twitter.png" alt="" />
								</a>
							</div>
						</div>
						<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/behance.png" alt="" />
								</a>
							</div>
						</div>
						<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/loreal.png" alt="" />
								</a>
							</div>
						</div>
						<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
							<div class="client" data-animate="fade-in">
								<a href="#" class="inner">
									<img src="assets/img/demo/logos/sony.png" alt="" />
								</a>
							</div>
						</div>
					</div> -->
				</div>
			</div>
		</section>
		<section class="grey">
			<div class="container">
				<div class="call-to" data-animate="fade-in-left">
					<h3 class="tr" key="contactDet">
						You like <span class="text-primary">our</span> work? So why not drop us a call?
					</h3>
					<h3>
						<a class="btn btn-primary btn-lg tr" key="btnContact" data-scroll="#contact">Contact Us</a>
					</h3>
				</div>
			</div>
		</section>
		<!--<section id="blog">-->
		<!--	<div class="container page">-->
		<!--		<div class="section-title">-->
		<!--			<h1 data-animate="fade-in-top"><span class="text-primary">Latest</span> Blog Entries</h1>-->
		<!--			<hr data-animate="fade-in" />-->
		<!--			<p data-animate="fade-in-top" class="subheading">-->
		<!--				Read latest news, tutorial and other useful resources-->
		<!--			</p>-->
		<!--		</div>-->
		<!--		<div class="blog-home">-->
		<!--			<div class="row posts">-->
		<!--				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">-->
		<!--					<article class="post" data-animate="fade-in-bottom">-->
		<!--						<a href="blog/blog_post.html" class="post-image">-->
		<!--							<img src="assets/img/demo/portfolio/3.jpg" alt="">-->
		<!--							<div class="overlay"><i class="fa fa-picture-o"></i></div>-->
		<!--						</a>-->
		<!--						<h3 class="post-title"><a href="blog/blog_post.html">This is a post title</a></h3>-->
		<!--						<p class="post-meta"><span class="meta-date">21 December 2013</span><span class="meta-by"><a href="#">Jonathan</a></span></p>-->
		<!--						<p class="post-content">-->
		<!--							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, labore, earum accusamus corrupti odio saepe dicta ipsum dolores! Eveniet, enim consectetur.-->
		<!--						</p>-->
		<!--						<p class="post-read-more"><a href="" class="btn btn-primary btn-sm">Read More</a></p>-->
		<!--					</article>-->
		<!--				</div>-->
		<!--				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">-->
		<!--					<article class="post" data-animate="fade-in-bottom">-->
		<!--						<a href="blog/blog_post.html" class="post-image">-->
		<!--							<img src="assets/img/demo/portfolio/6.jpg" alt="">-->
		<!--							<div class="overlay"><i class="fa fa-film"></i></div>-->
		<!--						</a>-->
		<!--						<h3 class="post-title"><a href="blog/blog_post.html">This is a post title</a></h3>-->
		<!--						<p class="post-meta"><span class="meta-date">21 December 2013</span><span class="meta-by"><a href="#">Jonathan</a></span></p>-->
		<!--						<p class="post-content">-->
		<!--							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi earum sapiente aperiam quia voluptates harum id. Quidem, sit aut nulla con.-->
		<!--						</p>-->
		<!--						<p class="post-read-more"><a href="" class="btn btn-primary btn-sm">Read More</a></p>-->
		<!--					</article>-->
		<!--				</div>-->
		<!--				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">-->
		<!--					<article class="post" data-animate="fade-in-bottom">-->
		<!--						<a href="blog/blog_post.html" class="post-image">-->
		<!--							<img src="assets/img/demo/portfolio/9.jpg" alt="">-->
		<!--							<div class="overlay"><i class="fa fa-globe"></i></div>-->
		<!--						</a>-->
		<!--						<h3 class="post-title"><a href="blog/blog_post.html">This is a post title</a></h3>-->
		<!--						<p class="post-meta"><span class="meta-date">21 December 2013</span><span class="meta-by"><a href="#">Jonathan</a></span></p>-->
		<!--						<p class="post-content">-->
		<!--							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi dignissimos ut architecto aliquam doloribus. Magni, sequi aut quos reiciendis consequatur.-->
		<!--						</p>-->
		<!--						<p class="post-read-more"><a href="" class="btn btn-primary btn-sm">Read More</a></p>-->
		<!--					</article>-->
		<!--				</div>-->
		<!--				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">-->
		<!--					<article class="post" data-animate="fade-in-bottom">-->
		<!--						<a href="blog/blog_post.html" class="post-image">-->
		<!--							<img src="assets/img/demo/portfolio/2.jpg" alt="">-->
		<!--							<div class="overlay"><i class="fa fa-music"></i></div>-->
		<!--						</a>-->
		<!--						<h3 class="post-title"><a href="blog/blog_post.html">This is a post title</a></h3>-->
		<!--						<p class="post-meta"><span class="meta-date">21 December 2013</span><span class="meta-by"><a href="#">Jonathan</a></span></p>-->
		<!--						<p class="post-content">-->
		<!--							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel voluptatem facere eligendi similique error consequatur vero quis minima. Laudantium iusto.-->
		<!--						</p>-->
		<!--						<p class="post-read-more"><a href="" class="btn btn-primary btn-sm">Read More</a></p>-->
		<!--					</article>-->
		<!--				</div>-->
		<!--				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">-->
		<!--					<article class="post" data-animate="fade-in-bottom">-->
		<!--						<a href="blog/blog_post.html" class="post-image">-->
		<!--							<img src="assets/img/demo/portfolio/8.jpg" alt="">-->
		<!--							<div class="overlay"><i class="fa fa-link"></i></div>-->
		<!--						</a>-->
		<!--						<h3 class="post-title"><a href="blog/blog_post.html">This is a post title</a></h3>-->
		<!--						<p class="post-meta"><span class="meta-date">21 December 2013</span><span class="meta-by"><a href="#">Jonathan</a></span></p>-->
		<!--						<p class="post-content">-->
		<!--							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, debitis, quidem, illo alias eligendi assumenda excepturi voluptate consectetur.-->
		<!--						</p>-->
		<!--						<p class="post-read-more"><a href="" class="btn btn-primary btn-sm">Read More</a></p>-->
		<!--					</article>-->
		<!--				</div>-->
		<!--				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">-->
		<!--					<article class="post" data-animate="fade-in-bottom">-->
		<!--						<a href="blog/blog_post.html" class="post-image">-->
		<!--							<img src="assets/img/demo/portfolio/11.jpg" alt="">-->
		<!--							<div class="overlay"><i class="fa fa-camera"></i></div>-->
		<!--						</a>-->
		<!--						<h3 class="post-title"><a href="blog/blog_post.html">This is a post title</a></h3>-->
		<!--						<p class="post-meta"><span class="meta-date">21 December 2013</span><span class="meta-by"><a href="#">Jonathan</a></span></p>-->
		<!--						<p class="post-content">-->
		<!--							Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, accusantium, molestias architecto rem consequatur fugit id aliquid nulla eveniet aut.-->
		<!--						</p>-->
		<!--						<p class="post-read-more"><a href="" class="btn btn-primary btn-sm">Read More</a></p>-->
		<!--					</article>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--			<div class="row">-->
		<!--				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">-->
		<!--					<br />-->
		<!--					<a data-animate="fade-in" href="#" class="blog-more-posts btn btn-primary btn-lg">Load more posts</a>-->
		<!--				</div>-->
		<!--			</div>-->
		<!--		</div>-->
		<!--	</div>-->
		<!--</section>-->
		<!---->
		<section class="grey">
			<div class="container page">
				<div class="subscribe text-center" data-animate="fade-in-bottom">
					<h2 class="light tr" key="newsletter">Subscribe to our newsletter</h2>
					<form action="#" method="post">
						<input type="text" class="form-control input-lg tr" key="newMail" placeholder="Your e-mail address..." id="newsL"/>
						<h3>
							<input type="button" class="btn btn-lg btn-primary tr" key="newBtn" value="Subscribe" id="newsletter"/>
						</h3>
					</form>
				</div>
			</div>
		</section>
		<section class="dark">
			<div class="container page">
				<div class="connect text-center" data-animate="fade-in-top">
					<h2 class="light white tr" key="hello">We love hearing from you. Say hello or just connect with us</h2>
					<ul class="social-media">
						<li><a href="https://www.facebook.com/Indev.com.ar" target="_blank"><img src="assets/img/SocialMedia/facebook.png" style="height: 50px; width: 50px;"></a></li>
						<li><a href="https://twitter.com/indevcomar" target="_blank"><img src="assets/img/SocialMedia/twitter.png" style="height: 50px; width: 50px;"></a></li>
					</ul>
				</div>
			</div>
		</section>
		<section id="contact-details" class="parallax" style="background-image: url(assets/img/demo/7.jpg);">
			<div class="pattern"></div>
			<div class="container page">
				<div class="contact-details">
					<div class="icon" data-animate="fade-in-top">
						<i class="fa"><span class="glyphicon glyphicon-earphone" style="margin-top: 10px;margin-left: 0px;"></span></i>
					</div>
					<div class="phone-number" data-animate="fade-in-top">
						<h2>+549-264-5-095-890</h2>
					</div>
					<div class="company-address" data-animate="fade-in-top">
						<h2 class="tr" key="location">Indev Company, Caucete<br />San Juan, Argentina</h2>
					</div>
				</div>
			</div>
		</section>
		<section id="contact">
			<div class="container page">
				<div class="section-title">
					<h1 data-animate="fade-in-top" data-delay="none" class="tr" key="contactReg">Contact</h1>
					<hr data-animate="fade-in" data-delay="none" />
					<p data-animate="fade-in-top" class="subheading tr" key="contactRegDesc">
						You want to say hello, or you want to know more about us? Drop us a call! We&nbsp;will be happy to answer you.
					</p>
				</div>
				<form id="contact-form" name="contact-form" action="#" method="post">
					<div class="row">
						<div class="col-xs-12 col-sm-12 col-md-offset-2 col-md-4 col-lg-offset-2 col-lg-4" data-animate="fade-in-left" data-delay="none">
							<div class="form-group">
								<input class="form-control input-lg tr" key="name" type="text" name="" placeholder="Name" id="yourName"/>
							</div>
							<div class="form-group">
								<input class="form-control input-lg tr" key="mail" type="text" name="" placeholder="E-mail" id="yourMail"/>
							</div>
							<div class="form-group">
								<input class="form-control input-lg tr" key="tit" type="text" name="" placeholder="Subject" id="yourSubject"/>
							</div>		
						</div>
						<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" data-animate="fade-in-right" data-delay="none">
							<div class="form-group">
								<textarea class="form-control tr" key="textArea" placeholder="Your message" id="yourMsj"></textarea>
							</div>
							<div class="form-group">
								<input type="button" class="btn btn-primary btn-lg btn-block tr" key="sendMail" value="Submit" id="sendMail"/>
							</div>
						</div>
					</div>
				</form>
			</div>
		</section>
		<section id="location-map">
			<div id="google-map" class="map"></div>
		</section>
		<footer>
			<h3><img src="./assets/img/company/indev-Text-min-white-subtitle-alt.png" width="200px"></h3>
		</footer>
	</div>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/waypoints.min.js"></script>
	<script src="assets/js/waypoints.sticky.js"></script>
	<script src="assets/js/jquery.nav.js"></script>
	<script src="assets/js/jquery.scrollTo.min.js"></script>
	<script src="assets/js/jquery.bxslider.min.js"></script>
	<script src="assets/js/jquery.cycle.all.min.js"></script>
	<script src="assets/js/jquery.mixitup.min.js"></script>
	<script src="assets/js/jquery.appear.js"></script>
	<script src="assets/js/jquery.maximage.min.js"></script>
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script src="assets/js/jquery.gmap.min.js"></script>
	<script src="assets/js/jquery.parallax.js"></script>
	<script src="assets/js/spirito.js"></script>
	<script src="assets/js/portfolio-grid.js"></script>
	<script src="assets/js/newsletter_sendmail.js"></script>
	<script src="assets/js/translate.js"></script>
	<script>
		$(document).ready(function() {
			Spirito.init().initSliders().initPortfolio().initMaps();
			Grid.init();			
			
			$(window).load(function(){
				$('#loader').fadeOut(100,function(){ $(this).remove(); });
				Spirito.parallax();
				//document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>');
			});
			
			var userLang = navigator.language || navigator.userLanguage;
			if (userLang != 'es') {
				userLang = 'en';
				hideEng();
			}
			else
			{
				hideEsp();
			}
			
			translate(userLang);
						
			$("#engVersion").click(function() {
				translate('en');
				hideEng();
			});
			
			$("#espVersion").click(function() {
				translate('es');
				hideEsp();
			});
			
			$("#engFlag").click(function() {
				translate('en');
				hideEng();
			});
			
			$("#espFlag").click(function() {
				translate('es');
				hideEsp();
			});
			
			function hideEng()
			{
				$("#engVersion").hide();
				$("#espVersion").show();
				$("#engFlag").hide();
				$("#espFlag").show();
			}
			
			function hideEsp()
			{
				$("#engVersion").show();
				$("#espVersion").hide();
				$("#engFlag").show();
				$("#espFlag").hide();
			}
			
			function translate(userLang)
			{
				$('.tr').each(function(i){
					//evaluate type of component
					switch ($(this)[0].tagName) {
						case "H1":
						case "H2":
						case "H4":
						case "H3":
						case "P":
							$(this).html(aLangKeys[userLang][ $(this).attr('key') ]);
							break;
						case "INPUT":
							if ($(this)[0].type == "text") {
								$(this).attr("placeholder", aLangKeys[userLang][ $(this).attr('key') ]);
							}else {
								$(this).attr("value", aLangKeys[userLang][ $(this).attr('key') ]);
							}
							break;
						default:
							$(this).text(aLangKeys[userLang][ $(this).attr('key') ]);
							break;
					}
					
				});
			}
		});
	</script>
</body>
</html>